﻿<!DOCTYPE html>
<html>
<head>
    <style>
        div
        {
            color: blue;
        }
        p
        {
            color: green;
            margin: 0;
        }
        span
        {
            color: red;
        }
    </style>
    <script src="jquery-1.8.0.js" type="text/javascript"></script>
</head>
<body>
    <div>
    </div>
    <p>
    </p>
    <span></span>
    <script>
        var arr = ["a", "b", "c", "d", "e"];
        $("div").text(arr.join(", "));

        arr = jQuery.map(arr, function (n, i) {
            return (n.toUpperCase() + i);
        });
        $("p").text(arr.join(", "));

        arr = jQuery.map(arr, function (a) {
            return a + a;
        });
        $("span").text(arr.join(", "));

    </script>
</body>
</html>
